/* 初始化样式 */

* {
  margin: 0;
  padding: 0;
}

body {
  color: #30100f;
  font-size: 18px;
}
/* .my_music {
  padding: 10px;
} */

.active {
  color: #000;
  font-size: 18px;
  font-weight: 700
}
body {  
  font-family: Arial, sans-serif;  
  margin: 0;  
  padding: 0;  
  background-color: #f5f5f5;  
}  

header {  
  background-color: #c02525;  
  color: #fff;  
  padding: 10px 20px;  
  text-align: center;  
}  

header h1 {  
  margin: 0;  
}  

nav ul {  
  list-style: none;  
  padding: 0;  
  margin: 0;  
  display: flex;  
  justify-content: center;  
}  

nav ul li {  
  margin: 0 10px;  
}  

nav ul li.active a {  
  color: #f00;  
}  

nav ul li a {  
  color: #fff;  
  text-decoration: none;  
  padding: 5px 10px;  
}  

main {  
  padding: 20px;  
}  

.user-info img {  
  width: 100px;  
  height: 100px;  
  border-radius: 50%;  
  margin-right: 20px;  
  float: left;  
}  

.user-info h2, .user-info p {  
  margin: 0;  
}  

.user-info p {  
  color: #666;  
}  

.music-list, .playlists {  
  margin-top: 20px;  
}  

.music-list ul, .playlists ul {  
  list-style: none;  
  padding: 0;  
}  

.music-list li, .playlists li {  
  padding: 8px;  
  border-bottom: 1px solid #ddd;  
}  

.music-list li:last-child, .playlists li:last-child {  
  border-bottom: none;
}

